一张画换一台iPhone 13 Pro
在漠河舞厅做一张孟菲斯海报!
最近设计干货频率有点高,希望不是回光返照。
好了,不开玩笑,上干货。
说到孟菲斯风格,可能有些同学都没听过这个词,但是只要看到下面这样的图片,就会恍然大悟,原来是它:
如果用一句话来形容孟菲斯风格,那一定是:大胆、叛逆,让人过目不忘。如果你的设计需求是想要体现与众不同,有艺术感,视觉冲击力强,那孟菲斯风格绝对是一个不错的选择。
它的艺术起源我就不向大家科普了,有兴趣的可以自己去百度,今天我主要跟大家来分析一下孟菲斯风格的视觉特点,以及怎么使用。
好了,
干货走起。
孟菲斯风格最大,最明显的特征,就是高度几何化。无论是家居设计,还是平面设计,都离不开点线面等基础几乎元素的应用。
家居设计:
平面设计:
海报设计:
很难说孟菲斯风格的设计,在元素的排版上有什么规律可讲,它要的就是自由、多变的感觉。丰富的几何图形和高饱和度的色彩随机搭配组合,使得作品整体视觉丰富,妙趣横生。
在色彩上,孟菲斯常打破配色规律,强调颜色的更多可能性。多用明快、对比强烈的配色制造视觉冲击力。
我们来看看一孟菲斯设计的案例:
对上面的图进行色彩提取,
我们就能得到下面的色彩分布表:
只要你能想到的颜色,上面都有了。
孟菲斯设计在配色上讲究跳跃感,丰富的色彩与活泼的几何元素之间自由碰撞,从而形成打破束缚的感觉。在实际的操作当中,我们需要适当控制色彩的明度以及饱和度的统一性。
在排版元素和细节处理上,孟菲斯强调综合运用点、线、面的几何结构,进行自由而多变的随机组合。在处理手法上,它经常会有立体化、粗描边、几何纹理的特点,我们一条条来看。
立体
孟菲斯设计中,经常可以看到立体元素。不过从画面整体看,它并不遵守严格意义上透视,只是为了形成视觉上的空间感而做的一种效果,可以说是一种“伪立体”。
常见的孟菲斯装饰元素,大多也带有立体效果。
描边
粗黑的描边效果,既能起到分割画面的作用,对高饱和度色彩也可以起到一定的平衡作用。
黑色的大描边效果,其实是几何分割的产物。很粗颜色很深的描边,可以给画面带来稳定感。反过来,缩小描边,则可以让画面更加轻盈活泼。
纹理
孟菲斯自由而多变的风格,同样体现在纹理的使用中。
基础点、线元素的随机任意组合,可以产生万千种变化,再加上多彩的撞色应用,可以产生令人意想不到的效果。
好了,
到这里大家应该对孟菲斯设计的特征都了解得差不多了,下面就到了动手时间,来看看如何将这种风格应用在具体的设计中。
先来看一个电商案例。
动起来吧~
孟菲斯风格的设计非常鲜明,大多用在前卫一些的设计主题中,比如音乐艺术类。偏商业化的电商设计也可以用,只是需要注意,不要让色彩与元素掩盖住商品主体。
好了,第一个案例我们就来一个电商类的设计。
第1步,
先抠好产品图。
第2步,
用几何图形来分割一下面画,给每个几何色块搞一个黑线描边,孟菲斯的感觉就有了。然后大致的规划一下哪些地方放文字,接着填好色。
第3步,
为了将商品突显出来,在商品的下面放一块高亮的黄色色块。同时也能营造出飘浮的空间感。
第4步,
因为整体色调偏蓝紫色,所以将吹风机的暗调部分调得偏蓝色一些,使得商品与背景的色彩更加融合。另外,注意吹风机的投影细节刻画。
投影制作过程:
模糊画廊是个好东西,我跟大家讲过好多遍了,这里没看明白的自己去搜投影教程。
第5步,
给白色的色块增加立体效果,编排好其它辅助文案。
第6步,
用不同的纹理,以及小装饰元素去填充画面,丰富视觉层次感。
OK,完工!
相较于很商业的广告风格,个性强烈的孟菲斯风格能给人带来一些艺术化的感觉!
好了,继续看下一个案例。
案例二我们来做一张音乐节的海报,最近《漠河舞厅》爆火,就用他来做一张海报吧。
第一步,
找一张原唱柳爽的演出照片。
第二步,
用经典的红黄蓝三色分割画面,同时将人像图片转成黑白模式,与彩色色块之间形成色相对比。
第三步,
将文案大致排版上去。
第4步,
给文字增加简单的立体效果。
立字体的做法大概分成3步,我单独做了个步骤图给大家。
1、将文字层复制一层,填充黑色,再栅格化掉。
2、按住ctrl键点击黑色文字图层,建立选区。然后切换到移动工具,同时按着alt+向下的方向键,就可以得到长投影的效果图如下。
3、将文字的底部的一些面勾选出来,填上红色。
好了,一个简易的立体字效果就做出来了,回到的我们海报中来。
第5步,
用波点纹理去填充大背景,以及文字的立面,丰富画面细节。
第6步,
将其它的文字编排好。
OK,完工。
好了,孟菲斯风格就为大家介绍到这,下期干货教程见。
走了。。
-------------------------
往期精华文章导读:
偷师!毛玻璃效果来了!
客户说:大家这么熟,便宜点呗?
-END-
越努力,越幸运。
这里是庞门正道。